@import "less.less";
body{
    .padding-top(100);
    .padding-bottom(300);
}
.banner{
    width: 100%;
    background:#fff;
    .lunbo{
        width: 100%;
    }
    img{
        width: 100%;
    }
    .bottom{
        width: 100%;
        display:flex;
        justify-content:space-around;
        dl{
            width: 20%;
            text-align:Center;
            .margin-top(16);
            .margin-bottom(16);
            .font-size(26);
            img{
                .width(90);
            }
        }
    }
}
.banner_two{
    width: 100%;
    .margin-top(20);
    .margin-bottom(20);
    img{
        width: 100%;
    }
}
.main{
    width: 100%;
    display:flex;
    justify-content:space-around;
    background:#fff;
    .left{
        width: 35%;
        border-right:1px solid #ccc;
        .padding-left(10);
        dd{
            width: 100%;
            display:flex;
            align-items:center;
            .font-size(36);
            .margin-top(24);
            color:#ff3262;
            img{
                .width(33);
                .padding-left(5);
            }
            .i{
                .padding-left(10);
            }
        }
        .dd_two{
            .font-size(18);
            i{
                .padding-left(7);
                .padding-right(7);
                .padding-top(7);
                .padding-bottom(7);
                background:#ccc;
                border-radius:3px;
                .margin-left(5);
                .margin-right(5);
            }
        }
        dt{
            width: 100%;
            .padding-top(70);
            .padding-bottom(15);
            img{
                .width(258);
            }
        }
    }
    .right{
        width: 63%;
        display:flex;
        flex-wrap:wrap;
        dd{
            .width(215);
            display:flex;
            align-items:center;
            .font-size(36);
            .margin-top(24);
            color:#ff3262;
            img{
                .width(33);
                .padding-left(5);
            }
            .i{
                .padding-left(10);
            }
        }
        .center{
            .font-size(16);
        }
        .top{
            width: 100%;
            display:flex;
            justify-content:space-around;
            border-bottom:1px solid #ccc;
            dd{
                flex:1;
            }
            dt{
                flex:0.7;
                .padding-top(20);
                img{
                    // .width(150);
                    width: 100%;
                }
            }
        }
        .bottom{
            width: 50%;
            display: flex;
            flex-wrap:wrap;
            dd{
                text-align:center;
            }
            .img_bottom{
                width: 50%;
            }
        }
        .center,.dd_two{
            color:#979797;
        }
        dt{
            text-align:center;
        }
    }
}
.tab{
    width: 100%;
    h5{
        width: 100%;
        display:flex;
        justify-content:center;
        align-items:center;
        .padding-top(16);
        .padding-bottom(16);
        background:#FFF;
        .font-size(22);
        img{
            .width(30);
        }
        i{
            display: flex;
            align-items:center;
        }
        .center{
            .margin-left(15);
            .margin-right(15);
        }
    }
    .tab_swiper{
        width: 100%;
        .tabs{
            background:#fff;
            .swiper-slide{
                .height(70);
                display: flex;
                align-items:center;
                justify-content:center;
                a{
                    display: block;
                    .font-size(24);
                }
            }
        }
    }
    #tabs-container{
        .top(75);
        position:static!important;
        .temai{
            width: 100%;
            display: flex;
            justify-content:space-around;
            align-items:center;
            flex-wrap: wrap;
            .dll{
                width: 100%;
                display: flex;
                justify-content:space-around;
                background:#FFF;
                dl{
                    text-align:center;
                    .padding-top(15);
                    .padding-bottom(15);
                    dd{
                        .padding-top(10);
                    }
                    img{
                        .width(210);
                    }
                    dd{
                        .font-size(20);
                    }
                }
            }
            .top_img{
                width: 95%;
            }
            .temai_list{
                width: 100%;
                .margin-top(20);
                li{
                    width: 100%;
                    display: flex;
                    justify-content:center;
                    align-items:center;
                    flex-wrap:wrap;
                    img{
                        width: 100%;
                    }
                    h5{
                        width: 95%;
                        .padding-top(26);
                        .padding-bottom(26);
                        display: flex;
                        justify-content:space-between;
                    }
                }
            }
        }
    }
}
.pos0{
    position:static!important;
}
.pos{
    position:fixed!important;
    z-index: 963!important;
    top: 100px!important;
}



